{% extends "::layoutSimple.html.twig" %}
    
{% block portada %}{{ usuario.username }}{% endblock %}

{% block pagina %}
<!-- Ver ejemplos de  paneles en base_panel -->
<!-- cada "row" arma una linea nueva -->
    
<div class="row">
    <div class="col-lg-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            {% trans %}info.usuario{% endtrans %}
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            {% if error is not null %}
                            <div class="errorPassword">
                                {{ error }}
                            </div>
                            {% endif %}
                            <form action="{{ path('usuario_cambiar_pass', {'usuario':usuario.id}) }}" method="post">
                                <div class="form-group">
                                    <label>{%trans%}pass.anterior{%endtrans%}:</label>
                                    <input type="password" id="oldPass" name="oldPass" class="form-control">
                                </div> 
                                <div class="form-group">
                                    <label>{%trans%}nueva.pass{%endtrans%}:</label>
                                    <input type="password" id="passNueva" name="passNueva" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label>{%trans%}repetir.pass{%endtrans%}:</label>
                                    <input type="password" id="passRep" name="passRep" class="form-control">
                                </div>
                                <button class="btn btn-primary" type="submit">{%trans%}guardar{%endtrans%}</button>
                                
                            </form>
                        <!-- /.panel-body -->
                        <br>
                            <a href="{{path('usuario_editar', {'usuario':usuario})}}" class="btn btn-primary">{%trans%}volver{%endtrans%}</a>
                        
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-6 -->
    </div>
</div>
            <!-- /.row -->
{% endblock %}
